<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml"
	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
	layout:decorator="comm">
<head>
<title>科目匹配配置</title>
<link href="/vendor/select2/css/select2.min.css" rel="stylesheet"
	type="text/css" />
<link href="/vendor/datatables-responsive/dataTables.responsive.css"
	rel="stylesheet" />
<link href="/vendor/select2/css/select3.css" rel="stylesheet"
	type="text/css" />
<script src="/vendor/datatables-responsive/dataTables.responsive.js"></script>
<link href="/dist/css/report.css" rel="stylesheet" />
<link href="/dist/css/accountcheck.css" rel="stylesheet" />
<script src="/vendor/select2/js/select2.min.js"></script>
<script src="/vendor/select2/js/select3.js"></script>
<script th:src="@{/dist/js/account_sub_conf.js?v=}+${session.version}"></script>
</head>
<body>

	<div id="page-wrapper" th:fragment="content" th:remove="tag">
		<div class="row">
			<br />
			<ul class="nav nav-tabs">

				<li><a href="/account_check/counterparty_conf"><h8
							style="font-size:14px">交易对手Mapping</h8></a></li>
				<li class="active"><a href="#"><h8 style="font-size:14px">科目匹配</h8></a></li>
				<li><a href="/account_check"><h8 style="font-size:14px">内部对账</h8></a></li>

			</ul>

			<br />
		</div>
		<div class="row">
			<!--前缀-->
			<div class="col-lg-12">

				<form class="form-horizontal" id="searchAccountForm"
					name="searchAccountForm">
					<!-- -->
					<div class="form-group" style="marign: 0 auto;">


						<div style="float: right; margin-right: 20px">
							<button type="button" class=" btn btn-primary btn-sm"
								style="float: left; margin-right: 20px" data-toggle="modal"
								id="addModalBefore">添加</button>
						</div>
						<div style="float: right; margin-right: 10px">
							<input type="hidden" id="currentPage" value="1" /> <input
								type="hidden" id="reportSize" value="20" />
							<!-- <button type="button" class="btn btn-primary btn-sm"
								style="float: right;" id="accountSearchBtn">修改</button> -->
						</div>
						<!-- <div style="float: right; margin-right: 20px" class="col-sm-2 ">
							<select name="TypeName" id="offsetType"
								class="input-sm form-control "
								style="height: 28px; line-height: 28px;border: 1px solid #aaa">
								<option >资产->负债</option>
								<option >收入->成本+费用</option>
							
							</select>
					</div> -->
						<div class="col-sm-4" style="float: left; margin-right: 20px">
							<input type="text" class="form-control input-sm" placeholder="请输入科目编码"/>
						</div>
					</div>
				</form>
			</div>
		</div>
		<br />
		<div class="row">
			<div class="col-lg-12">
				<input type="hidden" id="currentPage" value="1" /> <input
					type="hidden" id="reportSize" value="20" />
				<div class="table-responsive"
					style="text-align: center; border: 1px solid #ddd;">
					<div style="text-align: center;">
						<table id="account-data1" class="table table-bordered"
							style="margin-bottom: 0px;">
							<thead id="account-header1" align="center">
								<tr class="compareAccountTrHead">
									
									<th>匹配类型</th>
									<th>本方科目</th>
									<th>对方科目</th>
									<th width="10%">操作</th>
								</tr>
							</thead>
							<tbody id="account-conf">
							</tbody>
						</table>
					</div>

					<div id="tableSection">
						<table id="account-data" class="table  table-bordered  ">
							<thead></thead>
							<tbody id="account-contentconf" class="account-contentconf">
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
		<div class="modal fade" id="addModal" tabindex="-1"
			data-backdrop="static" role="dialog" aria-labelledby="myModalLabel">
			<div style="width: 65%;" class="modal-dialog" role="document">
				<div class="modal-body">
					<div class="panel panel-primary">
						<div class="panel-heading">
							<i class="fa fa-fw" id="myModalLabel"></i>添加规则
							<button type="button" class="close" data-dismiss="modal"
								aria-hidden="true">&times;</button>
						</div>

						<div class="panel-body">
						   <div class="form-group " >
						        <div style="float: left;width:100%" >
									<!-- 添加类型:&nbsp;&nbsp; -->
									<input name="addTypeName" type="radio" value="1" checked="checked"/>&nbsp;资产<i class="glyphicon glyphicon-arrow-right "></i>负债&nbsp;&nbsp;&nbsp;&nbsp;
									<input name="addTypeName" type="radio" value="2" />&nbsp;收入<i class="glyphicon glyphicon-arrow-right "></i>成本+费用
								</div>
								
								
							</div>
							<br />
							<div class="form-group" style="width: 100%;">
								<div style="width: 49%; float: left;hegiht:200px">
									<div class="panel panel-default">
										<div class="panel-heading" id="sub_match_name_one">资产</div>
										<div class="input-group ">
											<input class="form-control input-sm" placeholder="Search..."
												type="text" id="template-info-one" /> <span id="searchTheSide"
												class="input-group-btn">
												<button class="btn btn-default btn-sm" type="button"
													id="search-template-btn btn-sm">
													<i class="fa fa-search"></i>
												</button>
											</span>
										</div>
										<div class="panel-body" >
											<div class="row pre-scrollable" id="divlistOne" style="height: 300px">
												<input type="hidden" id="divlistPageOne" value="1" /> <input
													type="hidden" id="divlistSizeOne" value="10" />
												<ul class="list-group" id="sub_match_list_one">
												
												</ul>
											</div>
										</div>
									</div>
								</div>

								<div style="width: 49%; float: right;">
									<div class="panel panel-default">
										<div class="panel-heading" id="sub_match_name_two">负债</div>
										<div class="input-group custom-search-form ">
											<input class="form-control input-sm" placeholder="Search..."
												type="text" id="template-info-two" /> <span id="searchOtherSide"
												class="input-group-btn ">
												<button class="btn btn-default btn-sm" type="button"
													id="search-template-btn">
													<i class="fa fa-search"></i>
												</button>
											</span>
										</div>
										<div class="panel-body" >
											<div class="row pre-scrollable" id="divlistTwo" style="height: 300px" >
												<input type="hidden" id="divlistPageTwo" value="1" /> <input
													type="hidden" id="divlistSizeTwo" value="10" />
												<ul class="list-group" id="sub_match_list_two">
												  
												</ul>
											</div>
										</div>
									</div>
								</div>
							</div>	
							<br/>
							<div class="form-group" style="width: 100%; ">
							
							    <button type="button" style="float:right " class="btn btn-primary btn-sm"
									id="addBtn" onclick='onAddBtu()'>保存</button>
								<button type="button"  style="float:right ;margin-right: 20px" class="btn btn-default btn-sm"
									id="closeAccountBtn" data-dismiss="modal">取消</button>
						        <div style=" float: left;width:60%" >
								匹配类型:&nbsp;&nbsp;<input style="width:70%" name="matchTypeName" id="matchTypeNameId" type="text"  placeholder="请输入保存名称"
										 /></div>		
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div>
			<div class="sk-wave">
				<div class="sk-rect sk-rect1"></div>
				<div class="sk-rect sk-rect2"></div>
				<div class="sk-rect sk-rect3"></div>
				<div class="sk-rect sk-rect4"></div>
				<div class="sk-rect sk-rect5"></div>
			</div>
		</div>
	</div>
</body>
</html>






